<h1 id="chapter-1"><a class="header" href="#chapter-1">Chapter 1</a></h1>
<p>See <a href="#chapter-2">chapter 2</a>.</p>
<div style="break-before: page; page-break-before: always;"></div>
<h1 id="chapter-2"><a href="#chapter-2" class="header">Chapter 2</a></h1>
<p>See <a href="#chapter-2">this</a>.</p>
<div style="break-before: page; page-break-before: always;"></div>
<h1 id="h2-instead-1"><a href="#h2-instead-1" class="header">H2 instead</a></h1>
<h2 id="h2-instead"><a class="header" href="#h2-instead">H2 instead</a></h2>
<p>This has H2 instead of H1.</p>